<template>
  <el-dialog
    v-model="dialogVisible"
    title="添加代办"
    width="75%"
    :before-close="handleClose"
  >
    <!-- 弹框主体内容 -->
    <div>
      <span>内容</span>
      <el-input v-model="input" placeholder="请输入待办事项" />
    </div>
    
    <div>
      <span>时间</span>
      <el-date-picker
        v-model="value1"
        type="date"
        placeholder="选择日期"
        size="default"
      />
    </div>

    <!-- 底部 -->
    <template #footer>
      <span class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">
          添加
        </el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup>
</script>
<script>
export default {
  data () {
    return {
      dialogVisible: true,
      value1: undefined,
      input: ''
    }
  },
  methods: {
    handleClose () {
      this.dialogVisible = false
    }
  }
}
</script>
<style scoped>
</style>
